<template>
  <div class="ReleaseDialog">
    <el-form ref="Form" label-position="top" label-width="100px">
      <div>{{ translateTitle('Dams.ApplicationInterface.确认删除') }}{{ name }}</div>
      <!-- <div class="dialog-footer">
        <el-button @click="exportDialog = false">取 消</el-button>
        <el-button type="primary" @click="confirmDelet()">确 定</el-button>
      </div> -->
      <div class="footer_">
        <el-form-item>
          <el-button @click="confirmBtn('close')">{{ translateTitle('Dams.ApplicationInterface.取消') }}</el-button>
          <el-button type="primary" @click="confirmBtn('submit')">{{ translateTitle('Dams.ApplicationInterface.提交') }}</el-button>
        </el-form-item>
      </div>
    </el-form>
  </div>
</template>

<script>
  import { translateTitle } from '@/utils/i18n'
  export default {
    // 定义抛出的事件名称
    name: 'Dialog',
    props: {
      name: {
        type: String,
        default: '',
      },
    },
    emits: ['confirm'],
    data() {
      return {}
    },

    methods: {
      translateTitle,
      confirmBtn(type) {
        this.$emit('confirm', type)
      },
    },
  }
</script>
<style lang="scss" scoped>
  .ReleaseDialog {
    .box {
      padding: 0px 30px;
    }
    .flex_ {
      display: flex;
      justify-content: space-between;
    }
    .el-select .el-input__inner {
      width: 193px !important;
    }
    .footer_ {
      margin-top: 20px;
      text-align: center;
    }
    .hint_ {
      font-weight: 600;
      font-size: 20px;
      padding: 10px;
      box-sizing: border-box;
    }
  }
</style>
